{% load static %}
<link rel="stylesheet" type="text/css" href="{% static 'css/ran.css' %}" />
<link rel="stylesheet" href="{% static 'calendar/css/calendar.css' %}">

<script src="{% static 'calendar/js/jquery.min.js' %}"></script>
<script src="{% static 'calendar/js/calendar.js' %}"></script>

<head lang="en">
    <meta charset="UTF-8">
    <title>多福园博客系统--首页</title>
</head>
<body>
    <!-- <img src={% static 'css/images/logo.png' %}> -->
    <!--header部分-->
    <!-- 右端时间 -->
    <div id="div1"></div>

    <div id="calendar" class="calendar"></div>

    
    
    
    <div class="header">
        <h1>
            <a href="{% url 'blog:index' %}" title="多福园博客系统">多福园博客系统</a>
        </h1>
        
    </div>


    <!--nav部分-->
    <div class="nav">
        <span class="navL"></span>
        <div class="navC">
            <ul>
                <li><a href="{% url 'blog:index' %}">网站首页</a></li>
                <li><a href="#">最新动态</a></li>
                <li>
                <!--调用QQ面板聊天。 -->
        <a href="tencent://message/?uin=1967865263&Site=Sambow 
 & Menu=yes">联系我们</a></li>
                <li class="nobgaz "><a href="#">English</a></li>
                <li><a href="{% url 'blog:article_edit_page' 0 %}">写新博客</a></li>
            </ul>
        </div>
    </div>



<script>
window.onload=function(){
//定时器每秒调用一次fnDate()
setInterval(function(){
fnDate();
},1000);
}
//js 获取当前时间
function fnDate(){
var oDiv=document.getElementById("div1");
var date=new Date();
var year=date.getFullYear();//当前年份
var month=date.getMonth();//当前月份
var data=date.getDate();//天
var hours=date.getHours();//小时
var minute=date.getMinutes();//分
var second=date.getSeconds();//秒
var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);
oDiv.innerHTML=time;
}
//补位 当某个字段不是两位数时补0
function fnW(str){
var num;
str>10?num=str:num="0"+str;
return num;
} 
</script>


<div class="banner">
    <span class="step-links">

        {% for article in post_list %}

    <li><a href="{% url 'blog:article_page' article.id %}">{{article.title}}</a></li>
    <br/>
        {% endfor %}
<br/><br/>
        <div class="page">
        <li><a href="?page={{ first_page }}">第一页</a></li>    
      {% if post_list.has_previous %}
        <li><a href="?page={{ post_list.previous_page_number }}">上一页</a></li>
      {% endif %}
      {% if post_list.has_next %}
        <li><a href="?page={{ post_list.next_page_number }}">下一页</a></li>
      {% endif %}
  </div>
    </span>
</div>

<br/>
<br/>
<div class="subNav">
        <a href="#">网站首页</a>
        <span>|</span>
        <a href="#">最新动态</a>
        <span>|</span>
        <!--调用QQ面板聊天。 -->
        <a href="tencent://message/?uin=787656329&Site=jmnh
 &Menu=yes">联系我们</a>
        <span>|</span>
        <a href="#">回到顶端</a>
    </div>
</br>
<!--footer部分-->
    <div class="footer">
        <div class="footerIn">
            <p>
                电话：0852-123456　  客服电话：111-110-222 &nbsp&nbsp版权所有：槿'暮年华
            </p>
        </div>
    </div>
</body>
</html>